<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>固定不同</title>
		<style>
			body{
				height: 10000px;
				width: 5000px;
			}
			#ask{
				height: 160px;
				width: 100px; 
				border: 1px red solid;
				position: fixed;
				right: 0;
				bottom:60px;
			}
			#main{
				height: 4000px;
				width: 1500px;
				border: 2px gray groove;
				position: relative;
				/* z-index:1000; */
			}
			#main img#t{
				height: 4000px;
				width: 1500px; 
			}
			#main #f{
				background-color: blue;
				color: white;
				font-size: 40px;
				width: 170px;
				position: absolute;
				right: 10px;
				bottom: 0;
				/* z-index: 0; */
			}
			#main #f a{
				color: white;
				text-decoration: none;
				
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../img/banner2.jpg"/>
		</div>
		<div id="main">
			<img id="t" src="../img/banner2.jpg"/>
			<!-- f在main的左下角-->
			<div id="f"><a href="#">点击下单</a></div>
		</div>
		<div id="ask">
			<img src="../img/full_ask.png"/>
		</div>
	</body>
</html>